<template>
  <div id="app">
    <!-- <div class="menus flex-row-sb-c">
		<router-link v-for="item of routes" :to="item.path" >{{item.name}}</router-link>
	</div> -->
    <router-view/>
  </div>
</template>
<script>
	import { routes } from '@/router'
	export default {
		data(){
			return{
				routes
			}
		},
		created() {
			// console.log('routes',routes);
			// console.log('router',this.$router );
		}
	}
</script>

<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  position: relative;
  .menus{
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
  }
}

// nav {
//   padding: 30px;

  a {
    font-weight: bold;
    color: #2c3e50;

    &.router-link-exact-active {
      color: #42b983;
    }
  }
// }
</style>
